Page({
  data: {
    tabs: [
      {
        id: 0,
        value: "体验问题",
        isActive: true
      },
      {
        id: 1,
        value: "商家投诉",
        isActive: false
      }
    ],
    // 被选中上传图片的路径
    imagesUrl: [],
    textVal: ""
  },
  // 外网图片的路径数组
  uploadFile: [],
  handleTabsItemChange(e) {
    // 获取被点击的标签索引
    const { index } = e.detail;
    // 修改原数组
    let { tabs } = this.data;
    tabs.forEach((v, i) =>
      i === index ? (v.isActive = true) : (v.isActive = false)
    );
    // 赋值到data
    this.setData({
      tabs
    });
  },
  // 上传图片
  handleUpImages() {
    // 调用上传图片的方法
    wx.chooseImage({
      // 同时上传的图片数量
      count: 9,
      // 图片的格式 原图、压缩
      sizeType: ["original", "compressed"],
      // 图片的来源 相册、相机
      sourceType: ["album", "camera"],
      success: result => {
        this.setData({
          imagesUrl: [...this.data.imagesUrl, ...result.tempFilePaths]
        });
      }
    });
  },
  // 删除图片
  handleRemoveImg(e) {
    const { index } = e.currentTarget.dataset;
    let { imagesUrl } = this.data;
    imagesUrl.splice(index, 1);
    this.setData({
      imagesUrl
    });
  },
  // 获取文本域内容
  handleTextInput(e) {
    this.setData({
      textVal: e.detail.value
    });
  },
  // 提交表单
  handleFormSubmit() {
    const { textVal, imagesUrl } = this.data;
    if (!textVal.trim()) {
      wx.showToast({
        title: "输入不合法",
        icon: "none",
        mask: true
      });
      return;
    }
    wx.showLoading({
      title: "正在上传",
      mask: true
    });
    if (imagesUrl.length != 0) {
      imagesUrl.forEach((v, i) => {
        // 上传图片到服务器
        wx.uploadFile({
          // 图片上传路径
          url:
            "http://images.ac.cn/api/upload/myImages?token:'4de665e80a10015584901e8eab5e',privateStorage	:'oos'",
          // 图片的本地路径
          filePath: v,
          // 上传的文件的名称
          name: "file",
          // 附带信息
          formData: {},
          success: result => {
            console.log(result);
            let url = JSON.parse(result.data);
            this.uploadFile.push(url);
            // 所有图片上传完毕
            if (i === imagesUrl.length - 1) {
              // 重置页面
              this.setData({
                textVal: "",
                imagesUrl: []
              });
              wx.hideLoading()
              wx.showToast({
                title:'上传成功'
              })
              // 返回上一界面
              wx.navigateBack({
                delta: 1
              });
            }
          }
        });
      });
    }else{
      wx.showToast({
        title:'提交成功'
      })
      wx.hideLoading();
      wx.navigateBack({
        delta: 1
      });
    }
  }
});
